// pages/course/courseDEtail/courseDEtail.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
      current: 0,
      titleList: ["课程详情", "课程列表", "名师介绍", "课堂交流", "课程评价"],
      // 课程详情数据
      courseDetailData: {},
      videoList:"",
      //课程交流
      commuList: ["最新发表", "最后回复", "回复数据"],
      isHidden:true,
      seeAnswer:true,
      index:0,
      hasBuy:0,
      courseId: null, // 课程ID
      userId: null, // 用户ID
      price: null,// 课程价格
      teacherInfo:{},
      MarkList:[], //所有评价
      grade:4,
      problemAndreply:[] //存放问题以及回复的数据
    },
  
    // 选择scroll-view中的标题事件
    chooseItem(e) {
      //函数传参 在e.target.dataset.index里面，最后一个data是传参时自己定义的
      //console.log(e.target.dataset.index)
      this.setData({
        current: e.target.dataset.index
      })
    },
    // swiper的change事件函数
    swiperChanged(e) {
       //console.log("当前swiper的下标:   ");
       //console.log(e.detail.current)
      this.setData({
        current: e.detail.current
      })
    },
    showMoreMsg(e){
        console.log(e);
        console.log(this.data);
        this.setData({
            isHidden:!this.data.isHidden,
            seeAnswer:!this.data.seeAnswer
        })
    },

    // 获取课程内容
    getCourseConcent(id) {
      const that = this;
      wx.request({
        url: 'http://localhost:8080/courseDetail/xiangqing?id='+id,
        success(res) {
          console.log("课程详情~~~~~~~~~~~~~~~~~~~~~")
          console.log(res.data)
          const newcourse = res.data.data;
    
          that.setData({
            courseDetailData: newcourse,
            price:res.data.data.courseprice
          })
        }
      })
    },

    // 获取视频列表
    getVideoList(courseId){
      console.log(courseId)
      const that = this;
      wx.request({
        url: 'http://localhost:8080/courseDetail/courseList',
        data:{
          courseId:courseId,
          userId:1
        },
        success(res) {
          // console.log("课程列表~~~~~~~~~~~~~~~~~~~~~")
          // console.log(res.data)
          const hasBuy = res.data.data.row
          
          //  console.log("数组---")
           const video = res.data.data.video
          //  console.log(video)
          that.setData({
            videoList: res.data.data.video,
            hasBuy:res.data.data.row
          })
          
        }
      })
    },

    onViewAllTap() {
      console.log('查看全部课程');
      // 这里可以添加查看全部课程的逻辑
      // 例如跳转到课程列表页面
      // wx.navigateTo({
      //   url: '/pages/course-list/course-list'
      // });
    },
    onBuyTap(){
      wx.showLoading({
        title: '正在创建订单...',
      });

      wx.request({
        url: 'http://localhost:8080/courseDetail/createOrder',
        method: 'POST',
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        },
        data:{
          courseId: this.data.courseId,
          userId: this.data.userId,
          paytime: '',
          payMethod: '微信支付', // 默认设置为微信支付
          payMoney: this.data.price // 转换为字符串以匹配后端类型
        },
        success: (res) => {
          console.log("-----------打印res-----------")
          console.log(res)
          wx.hideLoading();
          if (res.statusCode === 200) {
            // 订单创建成功，跳转到支付页面或显示支付对话框
            this.proceedToPayment(res.data.orderId);
            
          } else {
            wx.showToast({
              title: '创建订单失败',
              icon: 'none'
            });
          }
        },
        fail: (error) => {
          wx.hideLoading();
          wx.showToast({
            title: '网络错误，请重试',
            icon: 'none'
          });
        }
      });

    },

    // 获取名师信息
    getTeacherInfo(courseId){
      const that = this;
      wx.request({
        url: 'http://localhost:8080/courseDetail/teacherInfo?courseId='+courseId,
        success(res) {
          // console.log("~~~~~~~~~~名师信息~~~~~~~~~~~")
          // console.log(res.data)
          
          that.setData({
            teacherInfo:res.data.data
          })
          
        }
      })
    },

    getAllMark(courseId){
      const that = this;
      wx.request({
        url: 'http://localhost:8080/courseDetail/queryAllMark?courseId='+courseId,
        success(res) {
          // console.log("~~~~~~~~~~评论信息~~~~~~~~~~~")
          // console.log(res.data)
          
          that.setData({
            MarkList:res.data.data
          })
          
        }
      })
    },

    //获取问题与回复的数据
    getQuestions(courseId){
      const that = this;
      wx.request({
        url: 'http://localhost:8080/courseDetail/getCourseQuestions?courseId='+courseId,
        success(res) {
          console.log("----------交流回复-------------")
          console.log(res.data)
          that.setData({
            problemAndreply:res.data.data
          })
          
        }
      })
    },
    //视频跳转
  goVideo(){
    const viedo=this.data.courseDetailData.coursevideo;
    console.log("发送视频路径");
    console.log(viedo);
    wx.navigateTo({
      url: `/pages/courseVideo/courseVideo?src=${encodeURIComponent(viedo)}`,
    })
  },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        console.log("-----------------------------")
        console.log(options.id)
        this.getCourseConcent(options.id)
        this.getVideoList(options.id)
         
        this.setData({
          courseId: options.id,
          // userId: getApp().globalData.userId // 假设用户ID存储在全局数据中
          userId:1
        });
        
        this.getTeacherInfo(options.id);
        this.getAllMark(options.id);
        this.getQuestions(options.id);
    },
    proceedToPayment(orderId) {
      let that = this
      // 这里可以实现跳转到支付页面或调用支付API的逻辑
      wx.showModal({
        title: '订单创建成功',
        success: (res) => {
          console.log("支付成功！")
          that.setData({
            hasBuy:1
          })
        }
      });
    },
    
  
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
  
    },
  
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
  
    },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {
  
    }
  })